<script setup lang="ts">
// import MySon from './MySon.vue'
// import { ref } from 'vue'
// const money = ref(100)
// const str = ref('abc')
// const flag = ref(true)

// const options = [
//   { label: '男孩', value: 1 },
//   { label: '女孩', value: 0 }
// ]
// const gender = ref<string | number>(0)
import axios from 'axios'
axios.get('/article/list').then((res) => {
  console.log(res.data.data)
})
axios.get('/userInfo').then((res) => {
  console.log(res.data)
})
</script>
<template>
  <div>
    文章列表
    <!-- vue2中组件上使用v-model 
      1.子组件接收的属性必须是value
      2.子传父发布的自定义事件必须是@input 
    -->
    <!-- <MySon :value="money" @input="money = $event"></MySon> -->
    <!-- <MySon v-model="money"></MySon> -->

    <!-- 但是在vue3中 组件上使用v-model 
      1. 子组件接收的属性必须modelValue
      2. 发布的自定义事件 @update:modelValue
      modelValue值可以进行替换修改的
    -->

    <!-- <MySon
      v-model:model-value="money"
      v-model:str="str"
      v-model:flag="flag"
    ></MySon>

    <cp-radio-btn :options="options" v-model="gender"></cp-radio-btn> -->
  </div>
</template>

<style scoped></style>
